<!DOCTYPE html>
<!--[if IE 9]><html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>网站标题</title>
        <meta name="description" content="网站描述">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.min.css">
        <link rel="stylesheet" href="./css/main.css">
    </head>
    <body>
        <div style="width: 100%;height: 50px;text-align: center;background-color: #FFFFFF;">
            <div style="width: 220px;float: left;background-color: #3089dc;height: 50px;line-height: 50px;color: #FFF;font-size: 16px;" id="miniHead1">
                <i class="icon-cog"></i> 
                <span>CRM客户关系管理系统</span>
            </div>
            <div style="width: 40px;float: left;display: none;background-color: #3089dc;height: 50px;line-height: 50px;color: #FFF;font-size: 16px;" id="miniHead2">
                <i class="icon-cog"></i> 
            </div>
            <div style="width: 100px;float: left;">
                <ul class="nav navbar-nav-custom">
                    <li>
                        <a href="javascript:void(0)" onclick="Tool.sidebar('toggle-sidebar');this.blur();">
                            <i class="icon-reorder animation-fadeInRight" id="sidebar-toggle-mini"></i>
                            <i class="icon-reorder animation-fadeInRight" id="sidebar-toggle-full"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div style="float: right;margin-right: 10px;line-height: 40px;">
                <ul class="nav navbar-nav-custom pull-right">
                    <li class="dropdown">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="./img/count.png" alt="avatar" style="width: 20%;height: 30px;margin-top: 5px;">
                            <span>登录用户信息</span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li>
                                <a href="#" data-toggle="modal" data-target="#myModal">
                                    <i class="icon-pencil fa-fw pull-right"></i>
                                    修改密码
                                </a>
                            </li>
                            <li>
                                <a href="login.html">
                                    <i class="icon-off fa-fw pull-right"></i>
                                    退出登陆
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- <iframe src="left.html" frameborder="0" style="width: 10%;float: left;margin-top: -5px;" name="left" id="left"></iframe> -->
        <div style="width: 10%;float: left;background-color: blanchedalmond;" name="left" id="left">
            <div id="page-wrapper" class="page-loading">
                <div id="page-container" class="header-fixed-top sidebar-visible-lg-full">
                    <div id="sidebar" style="margin-top: 5px;">
                        <div id="sidebar-scroll">
                            <div class="sidebar-content">
                                <ul class="sidebar-nav">
                                    <li>
                                        <a href="./html/index.html" target="content"><i class="icon-home sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">首页</span></a>
                                    </li>
                                    <li>
                                        <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-group sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">数据图表</span></a>
                                        <ul>
                                            <li>
                                                <a href="./html/chart1.html" target="content">折线图</a>
                                            </li>
                                            <li>
                                                <a href="./html/chart2.html" target="content">柱状图</a>
                                            </li>
                                            <li>
                                                <a href="./html/chart3.html" target="content">饼状图</a>
                                            </li>
                                            <li>
                                                <a href="./html/chart4.html" target="content">雷达图</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-gift sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">满减/送</span></a>
                                        <ul>
                                            <li>
                                                <a href="./html/1.html" target="content">满减</a>
                                            </li>
                                            <li>
                                                <a href="./html/2.html" target="content">满送红包</a>
                                            </li>
                                            <li>
                                                <a href="./html/3.html" target="content">满送支付宝红包</a>
                                            </li>
                                            <li>
                                                <a href="#">满送手机流量</a>
                                            </li>
                                            <li>
                                                <a href="#">满送彩票</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-group sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">会员营销</span></a>
                                        <ul>
                                            <li>
                                                <a href="#">群发短信</a>
                                            </li>
                                            <li>
                                                <a href="#">群发优惠券</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-gift sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">多级菜单</span></a>
                                        <ul>
                                            <li>
                                                <a href="#" class="sidebar-nav-submenu"><i class="icon-chevron-right sidebar-nav-indicator"></i>一级菜单</a>
                                                <ul>
                                                    <li>
                                                        <a href="#">二级菜单</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">二级菜单</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">二级菜单</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- END Sidebar Navigation -->
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <iframe src="./html/index.html" frameborder="0"  name="content" id="content" style="float: left;margin-left: 220px;"></iframe>
        <iframe src="footer.html" frameborder="0" name="footer" id="footer" style="height: 40px;margin-left: 220px;"></iframe>
        
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content" style="width: 400px;margin-top: 200px;border-radius: 20px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            修改登陆密码
                        </h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-inline">
                            <div class="form-group" style="padding: 5px 0;">
                                <div class="input-group">
                                <div class="input-group-addon">原&nbsp;&nbsp;密&nbsp;&nbsp;码：</div>
                                <input type="text" class="form-control" id="exampleInputAmount" placeholder="old password" style="width: 250px;">
                                </div>
                            </div>
                            <div class="form-group" style="padding: 5px 0;">
                                <div class="input-group">
                                <div class="input-group-addon">新&nbsp;&nbsp;密&nbsp;&nbsp;码：</div>
                                <input type="text" class="form-control" id="exampleInputAmount" placeholder="new password" style="width: 250px;">
                                </div>
                            </div>
                            <div class="form-group" style="padding: 5px 0;">
                                <div class="input-group">
                                <div class="input-group-addon">确认密码：</div>
                                <input type="text" class="form-control" id="exampleInputAmount" placeholder="confirm password" style="width: 250px;">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary">
                            提交更改
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <script src="./js/vendor/jquery-2.2.4.min.js"></script>
        <script src="./js/vendor/bootstrap.min.js"></script>
        <script src="./js/plugins.js"></script>
        <script src="./js/tool.js"></script>
        <script>
           var height = window.innerHeight; 
           var width = window.innerWidth;
           console.log(height)
           document.getElementById("content").height=(height-100);
           $("#sidebar").css("height",height-50);
           $("#content").css("width",width-220);
           $("#footer").css("width",width-220);
        </script>
    </body>
</html>